<script setup>
</script>

<template>
  <div class="food">
    <div class="food-footded">
      <div>旅游资讯</div>
      <ul>
        <li>宾馆索引</li>
        <li>攻略索引</li>
        <li>机票索引</li>
        <li>网站导航</li>
        <li>旅游索引</li>
        <li>邮轮索引</li>
        <li>企业差旅索引</li>
      </ul>
    </div>
    <div class="food-footded">
      <div>加盟合作</div>
      <ul>
        <li>分销联盟</li>
        <li>友情链接</li>
        <li>企业礼品采购</li>
        <li>保险代理</li>
        <li>代理合作</li>
        <li>更多加盟合作</li>
        <li>酒店加盟</li>
      </ul>
    </div>
    <div class="food-footded">
      <div>关于智游</div>
      <ul>
        <li>关于智游</li>
        <li>智游热点</li>
        <li>联系我们</li>
        <li>诚聘英才</li>
        <li>用户协议</li>
        <li>隐私政策</li>
        <li>营业执照</li>
        <li>安全中心</li>
        <li>智游中心</li>
      </ul>
    </div>
    <div class="food-phone">
        <div>
            <p>境内:98710或400-830-6666</p>
            <p>中国香港:98710或400-830-6666</p>
            <p>中国澳门:98710或400-830-6666</p>
            <p>中国台湾:98710或400-830-6666</p>
        </div>
        <img src="../../public/logo/logo.png"/>
    </div>
  </div>
</template>

<style scoped>
.food{
    display: flex;
    flex-wrap: wrap;
}
.food-footded{
    width: 23%;
}
ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
li{
    width: 110px;
    margin-bottom: 15px;
    color: rgb(148, 148, 148);
    font-size: 12px;
}
.food-phone{
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    color: rgb(148, 148, 148);
    font-size: 12px;
}
img{
    height: 100px;
    margin-left: 20px;
}
</style>